<template>
<div>
    <van-row  style="background:#46b8ff;height:60px">
  <van-col span="6"></van-col>
    
  <van-col span="12" style="text-align: center; line-height: 60px;color:white">我的</van-col>
  <van-col span="6" ><van-icon name="chat-o" size="20" color="#fff" style="float:right;line-height: 60px; margin-right: 20px;" /></van-col>
</van-row>
<van-row style="margin-top: 20px">
  <van-col span="2"></van-col>
  <van-col span="20" style=" position: relative; ">

     
    <div style="  "> 
       <img src="../assets/img/biaoqian.png" alt="" style="position: absolute ;z-index:-1 ;height:210px;width:100%">

       <van-row   style="border: 1px black solid;">
  <van-col span="8">    
         <img src="../assets/img/头像.png" alt="" style="height:50px;width:50px ; position: absolute;top:25px;left:25px ;z-index:20">
         ........
         </van-col>
  <van-col span="8">
      <span>xczxczx</span>
      <span>xczxczx</span>
      <div>？？？</div>
      <div>？？？</div>
  </van-col>
  <van-col span="8">
      ????
  </van-col>
</van-row>
    </div>
  
  </van-col>
  <van-col span="2"></van-col>
</van-row>
</div>

  



</template>

<script>
import Vue from 'vue';
import { Col, Row } from 'vant';
import { Icon } from 'vant';
Vue.use(Icon);
Vue.use(Col);
Vue.use(Row);
export default {

}
</script>

<style>
div{
     /* background-image: url('../assets/img/biaoqian.png') */
     /* 
    position: relative; */
    /* border: 1px black solid; */

}

</style>